<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开心小可爱</title>
    <link rel="shortcut icon" href="./favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="xtx-shortcut">
        <div class="xtx-shortcut-tt container">
            <ul class="fr">
                <li><a href="#">请先登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">我的爱心</a></li>
                <li><a href="#">扫一扫<img src="./img/erweima.png" alt=""></a></li>
                <li><a href="#">个人信息</a></li>
                <li><a href="#">更多消息</a></li>
                <li><a href="#"><span></span> 手机版</a></li>
            </ul>
        </div>
    </div>
    <div class="xtx-shortcut-di">
        <div class="container">
            <div class="fl logo">
                <h1><img src="./img/logo.png" alt="" width="207"></h1>
            </div>
            <div class="middle fl">
                <ul class="">
                    <li><a href="">首页</a></li>
                    <li><a href="">娱乐</a></li>
                    <li><a href="">美食</a></li>
                    <li><a href="">休闲</a></li>
                    <li><a href="">纪念</a></li>
                    <li><a href="">图片</a></li>
                    <li><a href="">留言</a></li>
                    <li><a href="">戳戳</a></li>
                </ul>
            </div>
            <div class="search fl">
                <span class="magnifier"></span><input type="text" placeholder="搜一搜"><span class="car"></span>
            </div>
        </div>
    </div>
    <div class="xtx-shortcut-he container">
        <video class="love1" src="./upload/love1.mp4"  autoplay loop muted>
    </video>

    <div class="xtx-shortcut-wenan">
        <div class="xin">
            <img src="./img/卡通爱心心电图分割线.gif" alt="">
        </div>
        <div class="xtx-shortcut-box">
            <p>任 可 可 &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;刘 钶</p>
            <img src="./img/七夕 情人节浪漫动态小熊爱心  .gif" alt="">
        </div>
    </div>
    <div class="header-top .container">
        <div class="header-left">
            可爱の小宝贝
        </div>
        <div class="header-xin">
           年 少 的 你 &nbsp; 活 泼 又 美 丽
        </div>
        
    </div>
    <div class="header-text">
        <ul>
            <li><a href="#">
                <img src="./upload/liukes01.png" alt="" width="100%">
                <h2>人 间 无 趣</h2>
                <p>我偷偷碰了你一下，却不料 <br> 你如蒲公英盛开，此后到处都是你的模样</p>
            </a></li>
            <li><a href="#">
                <img src="./upload/liukes02.png" alt="" width="100%">
                <h2>但 却 有 你</h2>
                <p>虽然每天不能见面，但每天<br>我还是能见到你，因为日有所思，夜有所梦</p>
            </a></li>
            <li><a href="#">
                <img src="./upload/liukes03.png" alt="" width="100%">
                <h2>好 好 生 活</h2>
                <p>我今天又想你了，所以我<br>拜托风替我见我想见的那个人</p>
            </a></li>
            <li><a href="#">
                <img src="./upload/liukes08.png" alt="" width="100%">
                <h2>慢 慢 爱 你</h2>
                <p>不是在最好的时光遇见了<br>你，而是有你在，我才有了最好的时光</p>
            </a></li>
            <li><a href="#">
                <img src="./upload/liukes05.png" alt="" width="100%">
                <h2>钟 情 于 你</h2>
                <p>我将自己一分为二<br>一半给你 <br> 另一半 我也想给你</p>
            </a></li>
            <li><a href="#">
                <img src="./upload/liukes06.png" alt="" width="100%">
                <h2>忠 诚 于 你</h2>
                <p class="di">我不想把你比作月光 或是太阳 但 你的确是我唯一<br> 感受过的温柔本身 你知道的 我写的是你 任可可</p>
            </a></li>
            <li><a href="#">
                <img src="./upload/liukes07.png" alt="" width="100%">
                <h2>衷 心 于 你</h2>
                <p>被爱很幸福 那种感觉<br>就像你在雨中站了好久 然后<br> 你走到我身边 为我打了伞</p>
            </a></li>
            <li><a href="#">
                <img src="./upload/liukes04.png" alt="" width="100%">
                <h2>终 止 于 你</h2>
                <p>你说爱我的样子<br>你走向我带着温热的气息<br> 我无力抵抗 也无处躲藏</p>
            </a></li>
        </ul>
    </div>

    <div class="header-kong">
        希望我们可以永远在一起<br> 今年、明年、年年<br> 慢慢爱、好好爱、很慢 但很坚定
        <img src="./img/粉色卡通浪漫边框花朵情人节七夕38妇女节 (79).png" alt="">
    </div>
    
    <div class="box-3d">
        <div class="background container">
            <img src="./img/七夕 卡通彩色爱心跳动加载进度条 动图GIF.gif" alt="">
        </div>
        <div class="header-animation">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>  
    <div class="footer-text container">
        <div class="hezi container"><video class="love2" src="./upload/love3.mp4" controls></video></div>
        </video>
    </div>
</body>
</html>